.main{
    text-align: center;
}
#app{
    width:  98vw;
    padding: 5px;
    margin:0 auto
}
.top{
    height: 30px;
}
.mid{
    height: 800px;
}
.bottom{
    height: 30px;
}

.left-input{
    height: 6%;
}
.left-list{
    height: 94%;
}
.left-mid{
    height: 4%;
}
.left-pros{
    height: 96%;
}
.left-pro-item{
    margin-right: 15px;
}
.slk-item{
    padding-left: 1vw;
}
.slk-content{
    padding-left: 2vw;
}
.mid-left{
    width:25%;
    height: 100%;
    border: 1px solid #0e0e0e;
    border-right: none;
}
.mid-center{
    width: 60%;
    height: 100%;
    border: 1px solid #0e0e0e;
    border-right: none;
}
.mid-right{
    width: 15%;
    height: 100%;
    border: 1px solid #0e0e0e;
}
.mid-top{
    height: 6%;
}
.mid-list{
    height: 94%;
}
.mid-title{
    height: 4%;
    border: 1px solid #0e0e0e;
}
.field-list{
    height: 96%;
}
.mid-item{
    border: 1px solid #0e0e0e;
    border-top: none;
}
.field-en{
    width: 20%;
    border-right: 1px solid #0e0e0e;
}
.field-v{
    width: 60%;
    border-right: 1px solid #0e0e0e;
}
.field-zh{
    width: 40%;
}
.field-demo{
    width: 20%;
}

